<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="container">

    {{counter}}
</div>

<script src="https://unpkg.com/vue@next"></script>
<script type="text/javascript">
    const demoApp = {
        data() {
            return {
                counter: 1
            }
        },
        mounted() {
            console.log('mounted')

            setInterval(()=>{
                this.counter++
            }, 1000)
        },
        // when vm instance created
        created() {
            console.log('created')
        },
        updated() {
            console.log('updated')
        },
        unmounted() {
            console.log('unmounted')
        },
        methods: {}

    }


    Vue.createApp(demoApp).mount('#container')
</script>

</body>
</html>
